﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucOrder.ascx.cs" Inherits="Wedding_ucControl_ucOrder" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<style type="text/css">
    #thanh
    {
        background: url(images/bg_menu1.png);
        color: white;
        font-weight: bold;
        line-height: 30px;
        padding-left: 15px;
    }
</style>

<script type="text/javascript">
    $(document).ready(function() {
        $('#ctl00_ContentPlaceHolder1_ucOrder1_cbNumberPoeple_Button').click(function() {
            $('#ctl00_ContentPlaceHolder1_ucOrder1_cbNumberPoeple_OptionList').css('top', '').css('left', ''); 

        });
    });
</script>

<div class="con_left">
    <div>
        <div class="spacer1" style="text-align: left">
            <span>Order</span>
        </div>
    </div>
    <%--<div id="thanh">
        <div style="padding-right: 5px; width: 35px; float: left">
            <asp:Image ID="Image2" runat="server" ImageUrl="~/Wedding/images/icon.png" /></div>
        Customer Information
    </div>--%>
    <div class="right_title">
        <img src="../Wedding/images/icon.png" />
        Customer Information
    </div>
    <div>
        <div class="class_right_margin">
            <div class="right_font">
                Fist Name :</div>
            <div class="right_text">
                <asp:TextBox ID="txt_fistname" runat="server" Width="200px" Height="20px"></asp:TextBox>
            </div>
        </div>
        <div class="class_right_margin">
            <div class="right_font">
                Last Name :</div>
            <div class="right_text">
                <asp:TextBox ID="txt_lastname" runat="server" Width="200px" Height="20px"></asp:TextBox>
            </div>
        </div>
        <div class="class_right_margin">
            <div class="right_font">
                Address :</div>
            <div class="right_text">
                <asp:TextBox ID="txt_address" runat="server" Width="200px" Height="20px"></asp:TextBox>
            </div>
        </div>
        <div class="class_right_margin">
            <div class="right_font">
                Mobile phone :</div>
            <div class="right_text">
                <asp:TextBox ID="txtmobilephone" runat="server" Width="200px" Height="20px" ValidationGroup="save"></asp:TextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="*"
                    ValidationGroup="save" ControlToValidate="txtmobilephone"></asp:RequiredFieldValidator>
            </div>
        </div>
        <div class="class_right_margin">
            <div class="right_font">
                Email :</div>
            <div class="right_text">
                <asp:TextBox ID="txt_email" runat="server" Width="200px" Height="20px" ValidationGroup="save"></asp:TextBox>
                <asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server" TargetControlID="txt_email"
                    WatermarkCssClass="clsWaterMarkRequiredField" WatermarkText="email@user.com">
                </asp:TextBoxWatermarkExtender>
                &nbsp;<asp:RequiredFieldValidator ID="RequiredFieldValidator2" ControlToValidate="txt_email"
                    runat="server" ErrorMessage="*" SetFocusOnError="True" Display="Static" ValidationGroup="save"></asp:RequiredFieldValidator>&nbsp;
                <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ErrorMessage="Invalid email address"
                    Display="Static" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
                    ControlToValidate="txt_email" SetFocusOnError="True" ValidationGroup="save"></asp:RegularExpressionValidator>
            </div>
        </div>
       
    </div>
    <div class="right_title">
        <img src="../Wedding/images/icon.png" />Order Detail
    </div>
    <div style="margin-top: 10px;">
        <div class="class_right_margin">
            <div class="right_font">
                Meal :</div>
            <div class="right_text">
                <asp:DropDownList ID="drMeal" runat="server" Width="200px" Height="24px">
                    <asp:ListItem Value="0" Text="Noon"></asp:ListItem>
                    <asp:ListItem Value="1" Text="Afternoon"></asp:ListItem>
                    <asp:ListItem Value="2" Text="Evening"></asp:ListItem>
                </asp:DropDownList>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="*"
                    ValidationGroup="save" ControlToValidate="drMeal"></asp:RequiredFieldValidator>
            </div>
        </div>
        <div class="class_right_margin">
            <div class="right_font">
                Number Tables :</div>
            <div class="right_text">
                <asp:ComboBox ID="cbNumberPoeple" runat="server" AutoCompleteMode="Append" Width="171px"
                    Height="20px">
                    <asp:ListItem Value="0" Text=" -- Select Number --"></asp:ListItem>
                    <asp:ListItem Value="1" Text="10"></asp:ListItem>
                    <asp:ListItem Value="2" Text="15"></asp:ListItem>
                    <asp:ListItem Value="3" Text="20"></asp:ListItem>
                    <asp:ListItem Value="4" Text="25"></asp:ListItem>
                    <asp:ListItem Value="5" Text="30"></asp:ListItem>
                    <asp:ListItem Value="6" Text="35"></asp:ListItem>
                    <asp:ListItem Value="7" Text="40"></asp:ListItem>
                    <asp:ListItem Value="8" Text="45"></asp:ListItem>
                    <asp:ListItem Value="9" Text="50"></asp:ListItem>
                    <asp:ListItem Value="10" Text="55"></asp:ListItem>
                    <asp:ListItem Value="11" Text="60"></asp:ListItem>
                    <asp:ListItem Value="12" Text="65"></asp:ListItem>
                    <asp:ListItem Value="13" Text="70"></asp:ListItem>
                    <asp:ListItem Value="14" Text="75"></asp:ListItem>
                    <asp:ListItem Value="15" Text="80"></asp:ListItem>
                    <asp:ListItem Value="16" Text="85"></asp:ListItem>
                    <asp:ListItem Value="17" Text="90"></asp:ListItem>
                    <asp:ListItem Value="18" Text="95"></asp:ListItem>
                    <asp:ListItem Value="19" Text="100"></asp:ListItem>
                </asp:ComboBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="*"
                    ValidationGroup="save" ControlToValidate="cbNumberPoeple"></asp:RequiredFieldValidator>
            </div>
        </div>
        <div class="class_right_margin">
            <div class="right_font">
                Day of the :</div>
            <div class="right_text">
                <asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txt_day"
                    Format="dd/MM/yyyy">
                </asp:CalendarExtender>
                <asp:TextBox ID="txt_day" runat="server" Width="196px" Height="20px"></asp:TextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ErrorMessage="*"
                    ValidationGroup="save" ControlToValidate="txt_day"></asp:RequiredFieldValidator>
            </div>
        </div>
        <div class="class_right_margin">
            <div class="right_font">
                Time :</div>
            <div class="right_text">
                <asp:DropDownList ID="drTime" runat="server" Width="204px" Height="24px">
                    <asp:ListItem Value="0" Text="9 - 9h30"></asp:ListItem>
                    <asp:ListItem Value="1" Text="10 - 11h30"></asp:ListItem>
                    <asp:ListItem Value="2" Text="13h - 13h30"></asp:ListItem>
                </asp:DropDownList>
            </div>
        </div>
        <div class="class_right_margin">
            <div class="right_font">
                Menu :</div>
            <div class="right_text">
                <asp:UpdatePanel ID="up" runat="server">
                    <ContentTemplate>
                        <asp:DropDownList ID="drMenu" runat="server" Width="204px" Height="24px" AutoPostBack="true"
                            OnSelectedIndexChanged="drMenu_SelectedIndexChanged">
                        </asp:DropDownList>
                        <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Wedding/ListMenu.aspx"
                            Target="_blank">Menu Detail</asp:HyperLink>
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="drMenu" EventName="SelectedIndexChanged" />
                    </Triggers>
                </asp:UpdatePanel>
            </div>
        </div>
        <div class="class_right_margin">
            <div class="right_font">
                Price :</div>
            <div class="right_text">
                <asp:UpdatePanel ID="upPanel" runat="server">
                    <ContentTemplate>
                        <asp:TextBox ID="txtPrice" runat="server" Width="200px" Height="20px" AutoPostBack="true"></asp:TextBox>
                    </ContentTemplate>
                </asp:UpdatePanel>
            </div>
        </div>
        <div class="class_right_margin">
            <div class="right_font">
                Note :</div>
            <div class="right_text">
                <asp:TextBox ID="txtNode" runat="server" TextMode="MultiLine" Width="200px"></asp:TextBox>
            </div>
        </div>
        <div class="class_right_margin">
            <div class="right_button">
                <asp:Button ID="bt_set" runat="server" Text="Set Party" Style="background: #F90;
                    font-weight: bold" OnClick="bt_set_Click" ValidationGroup="save" />
                <asp:Button ID="bt_reset" runat="server" Text="Reset" Style="background: #F90; font-weight: bold"
                    OnClick="bt_reset_Click" />
            </div>
        </div>
        
    </div>
</div>
<div class="con_right">
    <div class="">
        <div class="">
            <div class="slider_wrapper">
                <div class="camera_wrap camera_azure_skin" id="top_slider" style="height: 290px;">
                    <div data-thumb="images/wedding/wed2.png" data-src="images/wedding/wed2.png">
                    </div>
                    <div data-thumb="images/wedding/wed.png" data-src="images/wedding/wed.png">
                    </div>
                    <div data-thumb="images/wedding/wed1.png" data-src="images/wedding/wed1.png">
                    </div>
                </div>
                <!-- /sider -->
                <div class="clear">
                    <!-- ClearFix -->
                </div>
            </div>
        </div>
        <div class="clear">
        </div>
    </div>

    <script type="text/javascript">
            jQuery(function() {
                jQuery('#top_slider').camera({
                    alignment: 'center',
                    height: '290',
                    width: '414',
                    navigationHover: false
                });
            });		
    </script>

    <div class="items_menu">
        <p class="font_size">
            1/239 Canley Vale Rd, Canley Heights NSW 2166, Australia.</p>
        <p>
            Mobile Phone: 042 393 2222<br />
            Telephone: 9728 3338<br />
            FAX: xx xxx xxx<br />
            E-mail: <a href="">m@mprsc.com</a>
        </p>
    </div>
</div>
